<!DOCTYPE html> 
<html> 
	<head> 
	<title>Personal Stats</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>
</head> 
<body> 

<div data-role="page">

	<div data-role="header">
		<h1>Personal Statistics</h1>
	</div><!-- /header -->
	<a href="index.html">Home</a><br>

	<div data-role="content">	
		
		<div data-role="fieldcontain">
    		<label for="name">Drinks Consumed:</label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
		
		<div data-role="fieldcontain">
    		<fieldset data-role="controlgroup" data-type="horizontal" >
    			<label for ="name">Time Elapsed:</label>
    			<input type="text" name="name" id="name" value=""  />
         	</fieldset>
		</div>
		
		<div data-role="fieldcontain">
    		<label for="name">Current BAC:</label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
		
		<div data-role="fieldcontain">
    		<label for="name">Limit BAC: </label>
    		<input type="text" name="name" id="name" value=""  />
		</div>	
			<a href="index.html" data-role="button">Add More Drinks</a>
		
					
	</div><!-- /content -->

	<div data-role="footer">
		<h4>Navigation Bar</h4>
	</div><!-- /footer -->
</div><!-- /page -->

</body>
</html>